<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Food</title>	
    <link href="/css/food.css" type="text/css" rel="stylesheet">
    <link href="/css/jquery-ui.css" type="text/css" rel="stylesheet">
	<script src="/js/jquery-1.6.3.js"></script>
	<script src="/js/jquery-ui.min.js"></script>
	<script src="/js/food.js"></script>
 </head>
  <body>
    <div id="topbar">
    	<span>
		    {{ user_loggedin }} <a href="{{ url }}">{{ url_linktext }}</a>
	    </span>
    </div>

	{% block content %}{% endblock %}

    <div id="usermenu">
	  <table class="usermenutable">
		<tr><td><a id="userprofile" href="#">Profile</a></td></tr>
		<tr><td><a id="logout" href="{{ url }}">Logout</a></td></tr>
	  </table>
    </div>

    <div id="dialog-form" title="Edit profile">
	<p class="validateTips">All form fields are required.</p>

	<form>
	<fieldset>
		<label for="name">Name</label>
		<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
		<label for="height">Height</label>
		<input type="text" name="height" id="height" value="" class="text ui-widget-content ui-corner-all" />
		<label for="birthyear">Birthyear</label>
		<input type="text" name="birthyear" id="birthyear" value="" class="text ui-widget-content ui-corner-all" />
                <label for="gender">Gender</label>
                <select name="gender" id="gender" class="text ui-widget-content ui-corner-all"> 
                  <option value="male">male</option> 
                  <option value="female">female</option> 
                </select>

                <label for="lossprofile">Lossprofile</label>
                <select name="lossprofile" id="lossprofile" class="text ui-widget-content ui-corner-all"> 
                  <option value="0.5kg pr week">0.5kg pr week</option> 
                  <option value="maintain">maintain</option> 
                  <option value="1kg pr month">1kg pr month</option> 
                  <option value="1kg pr week">1kg pr week</option> 
                </select>

                <label for="activitylevel">Activitylevel</label>
                <select name="activitylevel" id="activitylevel" class="text ui-widget-content ui-corner-all"> 
                  <option value="seditary">seditary</option> 
                  <option value="light">light</option>
                  <option value="moderate">moderate</option> 
                  <option value="rigorous">rigorous</option> 
                </select>
                
                <label for="calculateneed">Calculateneed</label>
                <input type="checkbox" name="calculateneed"
                id="calculateneed" class="ui-widget-content ui-corner-all"/>
                <label for="caloricneed">Caloricneed</label>
                <input type="text" name="caloricneed" value="" id="caloricneed" class="text ui-widget-content ui-corner-all"/>

        </fieldset>
	</form>
    </div>

  </body>
</html>
